<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
 <head>
  <meta charset="UTF-8"/>
  <title>悦诗风吟官方网站</title>
  <link rel="stylesheet" href="css/base.css"/>
  <link rel="stylesheet" href="css/index.css"/>
 </head>
 <body>
 <!--页面头部-->
   <div id="header" style="border-bottom:40px solid #045321;height:124px;">
      <div class="toHeader">
	    <!-- logo -->
		<h1 class="logo">
		  <a href="http://www.innisfree.com/index"><img src="image/logo.png" alt="" /></a>
		</h1>
		<!-- 导航菜单 -->
		<div class="menu">
			<p class="welcome">
			  <img src="image/txt_welcomeMsg.png"/>
			</p>
		   <ul class="list">
		    <li class="user"><a href="#"></a></li>
			<li class="user login"><a href="http://www.innisfree.com/login"><img src="image/header_util_login.png"/></a></li>
			<li><a href="http://www.innisfree.com/register"><img src="image/header_util_register.png"/></a></li>
			<li><a href="#"><img src="image/header_util_cart.png"/></a></li>
			<li><a href="#"><img src="image/header_util_mypage.png"/></a></li>
			<li><a href="#"><img src="image/header_util_cs.png"/></a></li>
			<li><a href="#"><img src="image/header_util_findShop.png"/></a></li>
		   </ul>
		</div>
		<!-- 产品推荐 -->
		<div class="quickMenu">
			<ul>
				<li>
				  <a href="Innisfree-product.html"><img src="image/header_quick_bestseller.png"/></a>
				 </li>
				<li>
				  <a href="Innisfree-product.html"><img src="image/header_quick_newPdt.png"/></a>
				</li>
				<li>
				  <a href="Innisfree-product.html"><img src="image/header_quick_mdsPick.png"/></a>
				</li>
			</ul>
		</div>
		<!-- 搜索框 -->
		<div class="search">
		    <span class="searchWord">
			   <input type="text" class="product" placeholder="小绿瓶">
			</span>
			<input type="image" class="imputImage" src="image/btn_search.png" >
		</div>
        <!-- 推荐产品 -->
		<div class="menuHigh">
		    <ul>
		    	<li>
				    <a href="http://www.innisfree.com/itemView?pid=3">红石榴气垫</a>
				</li>
		    	<li>
				    <a  href="http://www.innisfree.com/itemView?pid=37">真萃面膜</a>
				</li>
		    	<li>
				    <a href="http://www.innisfree.com/itemView?pid=3">石榴精华露</a>
				</li>
		    	<li>
				    <a href="http://www.innisfree.com/itemView?pid=5">护手霜</a>
				</li>
		    </ul>	
		</div>
		<!-- 探店指南 -->
		<div class="headerAd">
		   <a href="#">
		      <img src="./image/header_ad_renewal.jpg" alt="">
		   </a>
		</div>
		<!-- 购物、登录导航 -->
		<div class="shoppingLoginNav">
		    <div class="quickShopping">
			    <a href="#"  id="dropDown">
				    <img src="./image/gnb_quickShopping.gif" alt="" style="float:left" >
				</a>
				<!-- 隐藏购物通道下拉 -->
				<div class="quickShoppingHid">
				    <div class="top">
						<h2>
							 <img src="./image/title_quickShopping.png" alt="">
						</h2>
						<img src="./image/bar_1x9_666666.gif" alt="" class="line">
					    <p class="desc">
						   <img src="./image/desc_quickShopping.png" alt="">
						</p>
					</div>
					<div class="searchOption">
					    <form action="" class="searchBox">
						    <dl class="option1">
							    <dt>选择产品类型</dt>
								<img src="./image/bar_1x9_666666.gif" alt="" class="line">
								    <dd>
									    <select class="selePro">
										    <option value="1">请选择菜单</option>
										    <option value="2">基础护理</option>
										    <option value="3">洁面与卸妆</option>
										    <option value="4">面膜</option>
										    <option value="5">面部底妆</option>
										    <option value="6">身体护理</option>
										    <option value="7">男士系列</option>
										    <option value="8">美容工具</option>
										    <option value="9">优惠套装</option>
										    <option value="10">指甲油</option>
										    <option value="11">彩妆</option>
										    <option value="12">防嗮</option>
										</select>
										<span class="arr"></span>
										<select >
										    <option value="1">请选择菜单</option>
										    <option value="2">护肤水</option>
										    <option value="3">乳液</option>
										    <option value="4">精华液</option>
										    <option value="5">面霜</option>
										    <option value="6">眼霜</option>
										    <option value="7">喷雾</option>
										    <option value="8">唇部护理</option>
										</select>
									</dd>
							</dl>
							<dl class="option2">
							    <dt>选择护肤类型</dt>
								<img src="./image/bar_1x9_666666.gif" alt="" class="line">
								    <dd>
									    <select class="selePro">
										    <option value="1">请选择菜单</option>
										    <option value="2">绿茶精粹</option>
										    <option value="3">橄榄</option>
										    <option value="4">浆果美白</option>
										    <option value="5">火山岩泥</option>
										    <option value="6">生机展颜</option>
										    <option value="7">香榧</option>
										    <option value="8">红酒</option>
										    <option value="9">济州石榴</option>
										    <option value="10">油菜花蜜</option>
										    <option value="11">青麦</option>
										    <option value="12">生机蜜柑维C</option>
										</select>
									</dd>
							</dl>
							<dl class="option3">
							    <dt>选择价格</dt>
								<img src="./image/bar_1x9_666666.gif" alt="" class="line">
								    <dd>
									    <ul>
										    <li><input type="radio">All~</li>
										    <li><input type="radio">100 RMB 以下</li>
											<li><input type="radio">100~200 RMB</li>
											<li><input type="radio">200~300 RMB</li>
											<li><input type="radio">300 RMB~</li>
										    <li class="rightLi"><input type="radio">按最新排序</li>
										    <li class="rightLi"><input type="radio">按人气排序</li>	
										    <li class="rightLi"><input type="radio">查看打折商品</li>
										</ul>
									</dd>
							 </dl>
						</form>
					</div>
                    <div class="shopSearch">
					    <a href="http://www.innisfree.com/item">
						    <img src="./image/btn_quickShopping_search.png" alt=""/>
						</a>
					</div>	
				</div>
                <!-- 列表 -->
                <ul class="gnList">
				    <li class="list1 list">
						<a href="#">品牌介绍</a>
					    <div class="subMenu1 subMenu">
							<ul class="subList">
								<li><a href="#">品牌介绍</a></li>
								<li><a href="#">公益项目</a></li>
								<li><a href="#">悦诗风吟广告</a></li>
								<li><a href="#">玩转小清新</a></li>
							</ul>
							<p>
								<img src="./image/gnbMenu1_banner.jpg" alt=""/>
							</p>
						</div>
					</li>
					<li class="list2 list">
						<a href="#">济州岛故事</a>
					    <div class="subMenu2 subMenu">
							<ul class="subList">
								<li><a href="#">济州之家介绍</a></li>
								<li><a href="#">济州治愈音乐</a></li>
							</ul>
							<p>
								<img src="./image/gnbMenu2_banner.jpg" alt=""/>
							</p>
						</div>
					</li>
					<li class="list3 list">
						<a href="#">购物</a>
						<div class="subMenu3 subMenu" >
							<dl class="subGroup1">
								<dt><a  href="Innisfree-product.html">产品类别</a></dt>
							    <dd><a href="Innisfree-product.html">基础护理</a></dd>
								<dd><a href="Innisfree-product.html">面膜</a></dd>
								<dd><a href="Innisfree-product.html">洁面与卸妆</a></dd>
								<dd><a href="Innisfree-product.html">防晒</a></dd>
								<dd><a href="Innisfree-product.html">面部底妆</a></dd>
								<dd><a href="Innisfree-product.html">彩妆</a></dd>
								<dd><a href="Innisfree-product.html">指甲油</a></dd>
								<dd><a href="Innisfree-product.html">身体护理</a></dd>
								<dd><a href="Innisfree-product.html">男士系列</a></dd>
								<dd><a href="Innisfree-product.html">优惠套装</a></dd>
								<dd><a href="Innisfree-product.html">美容工具</a></dd>
							</dl>
								<dl class="subGroup2">
									<dt><a href="#">护肤系列</a></dt>
									<dd style=" margin-top: -20px;"><a  href="Innisfree-product.html">绿茶精粹</a></dd>
									<dd><a  href="Innisfree-product.html">橄榄</a></dd>
									<dd><a  href="Innisfree-product.html">火山岩泥</a></dd>
									<dd><a  href="Innisfree-product.html">生机展颜</a></dd>
									<dd><a  href="Innisfree-product.html">发酵豆</a></dd>
									<dd><a  href="Innisfree-product.html">生机蜜柑维C</a></dd>
									<dd><a  href="Innisfree-product.html">济州石榴</a></dd>
									<dd><a  href="Innisfree-product.html">雪耳</a></dd>
									<dd><a  href="Innisfree-product.html">寒兰</a></dd>
									<dd><a  href="Innisfree-product.html">油菜花蜜</a></dd>
									<dd><a  href="Innisfree-product.html">香榧</a></dd>
									<dd><a  href="Innisfree-product.html">济州岛青麦</a></dd>
									<dd><a  href="Innisfree-product.html">济州温泉水</a></dd>
									<dd><a  href="Innisfree-product.html">九重臻致</a></dd>
									<dd><a  href="Innisfree-product.html">熔岩海水</a></dd>
							</dl>
								<div class="proBanner">
									<a href="#">
										<img src="./image/gnbShopping_banner_20171030.jpg" alt=""/>
									</a>
								</div>
								<ul class="subGroup3">
									<li>
										<a href="#"><img src="./image/gnb_menu3-1.gif" alt=""/></a>
									</li>
									<li>
										<a href="#"><img src="./image/gnb_menu3-2.gif" alt=""/></a>
									</li>
									<li>
										<a href="#"><img src="./image/gnb_menu3-3.gif" alt=""/></a>
									</li>
									<li>
										<a href="#"><img src="./image/gnb_menu3-4.gif" alt=""/></a>
									</li>
								</ul>
							<a href="#" class="btnClose">
								<img src="./image/btn_close_x_666666.gif" alt=""/>
							</a>
						</div>
					</li>
					<li class="list4 list">
						<a href="#">活动</a>
						<div class="subMenu4 subMenu">
							<ul class="subList">
								<li><a href="#">正在进行的活动</a></li>
								<li><a href="#">过去进行的活动</a></li>
								<li><a href="#">新品试用的活动</a></li>
								<li><a href="#">中奖者名单</a></li>
							</ul>
							<p>
								<img src="./image/gnbMenu4_banner20150327.jpg" alt=""/>
							</p>
						</div>
					</li>
					<li class="list5 list">
						<a href="#">社区</a>
						<div class="subMenu5 subMenu">
							<ul class="subList">
								<li><a href="#">照片评论</a></li>
								<li><a href="#">绿茶农场游戏</a></li>
								<li><a href="#">inni社交圈</a></li>
								<li><a href="#">inni积分榜</a></li>
								<li><a href="#">美妆秀</a></li>
							</ul>
							<p>
								<img src="./image/gnbMenu5_banner.jpg" alt=""/>
							</p>
						</div>
					</li>
				</ul>
                <div class="login">
					<span class="login-id">
						<input type="text"/>
					</span>
					<span class="login-pwd">
						<input type="password"/>
					</span>
					<span class="login-btn">
						<a href="#">
							<img src="./image/btn_login.png" alt=""/>
						</a>
					</span>
				</div>
			</div>
		</div>
        <div class="signIn">
			<a href="#">
				<img src="./image/161227_check.png" alt=""/>
			</a>
		</div>
	  </div> 
   </div>
   <!--页面主体-->
 <div id="container">
    <div class="contents">
		<div class="mainTop">
			<img src="./image/mainVisual_20171030.jpg" alt=""/>
			<div class="video_1">
			<a href="#none" onclick="oneVideo(this);" style="display:block;height:100%;width:100%;background:#000;opacity:0;filter:alpha(opacity:'0');"></a>
			</div>
			<a href="http://www.innisfree.com/itemView?pid=3" style="margin-left: -121px;"></a>
			<a href="http://www.innisfree.cn/BeautyTest.do?method=exeBeautyView&seq=661&pageNo=1" style="margin-left: 24px;"></a>
		</div>
		<script type="text/javascript">
                function oneVideo(e){
                    var video_name = $(e).parent().attr('class')
                    $(e).parent().html('<video style="position:absolute;left:0;top:0;width:100%;height:100%;background: #000;" autoplay controls><source src="video/' + video_name + '.mp4" type="video/mp4"></video>');
                }
            </script>
		<div class="banner">
			<div class="banner1">
				<ul class="page1">
					<li style="display:block">
						<img src="./image/22775852512068256mainBanner.jpg" alt=""/>
					</li>
					<li>
						<img src="./image/22775791933233552mainBanner.jpg" alt=""/>
					</li>
					<li>
						<img src="./image/17925862862104503mainBanner.jpg" alt=""/>
					</li>
					<li>
						<img src="./image/22781798298927173mainBanner.jpg" alt=""/>
					</li>
					<li>
						<img src="./image/22775910178912144mainBanner.jpg" alt=""/>
					</li>
				</ul>
				<ul class="page2">
					<li style="display:block"><a href="#">BIG SALE</a></li>
					<li><a href="#">迷你修护面膜</a></li>
					<li><a href="#">熔岩海水水乳套装</a></li>
					<li><a href="#">石榴精华露</a></li>
					<li><a href="#">2017绿色营销大赛</a></li>
				</ul>
				<ul class="page3">
					<li><a href="#" class="checkon">0</a></li>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
				</ul>
			</div>
		</div>
		<!--轮播图2-->
		<div class="banner2">
            <ul class="page4">
				<li><img src="./image/22776269283454891mainBanner.jpg" alt=""/></li>
				<li><img src="./image/22776304046616610mainBanner.jpg" alt=""/></li>
				<li><img src="./image/22782400282300364mainBanner.jpg" alt=""/></li>
			</ul>
			<ul class="page5">
			    <li ><a href="#" class="onChange"></a></li>
				<li><a href="#"></a></li>
				<li><a href="#"></a></li>
			</ul>
		</div>
		<!--广告视频加载-->
        <div class="bannerSec">
           <div class="banner3">
			   <img src="./image/22776473461482593mainBanner.jpg" alt=""/>
		   </div>
			<div class="banner4">
				<img src="./image/21227296855432411mainBanner.jpg" alt=""/>
				
				<div class="video_180428" style="top: 33px; width: 253px; height: 149px; right: 57px; overflow: hidden; margin-left: 0px; position: absolute; cursor: pointer;">
	            <a style="background: rgb(0, 0, 0); width: 100%; height: 100%; display: block; opacity: 0;" onclick="oneVideo(this)" href="#none"></a>
                </div>

			</div>
		</div>
		<!--满减免运-->
        <div class="banner5">
			<img src="./image/22776574090017890mainBanner.png" alt="" style="margin-top: -170px;"/>
		</div>
        <!--会员活动新品-->
         <div class="banner6">
			 <img src="./image/inniPromo_20171030.jpg" alt=""/>
	     </div>
		<!--畅销前十产品-->
         <div class="top10" style="height: 370px;">
			 <h3>
				 <img src="./image/title_weekly10.gif" alt=""/>
			 </h3>
			 <div class="series">
                 <ul>
					 <li class="on"><a href="#">全部</a></li>
					 <li><a href="#">基础护理</a></li>
					 <li><a href="#">面膜</a></li>
					 <li><a href="#">身体护理</a></li>
					 <li><a href="#">彩妆</a></li>
					 <li><a href="#">洁面与卸妆</a></li>
					 <li><a href="#">面部底妆</a></li>
					 <li><a href="#">男士系列</a></li>
				 </ul>
			 </div>
			 <!--列表-->
			 <div class="topList" style="display: block">
                 <ul>
					 <li>
						 <a href="http://www.innisfree.com/itemView?pid=1">
							 <span class="no1">1</span>
							 <span class="rank">
							    <img src="./image/1000008920_l.png" alt=""/>
							 </span>
							 <span class="name1">绿茶精萃平衡保湿特别套装</span>
							 <span class="price">￥230.0</span>
					     </a>
					 </li>
					 <li>
						 <a href="http://www.innisfree.com/itemView?pid=3">
							 <span class="no2">1</span>
							 <span class="rank">
							    <img src="./image/1000010822_l.png" alt=""/>
							 </span>
							 <span class="name1">【王牌新品气垫】悦诗风吟石榴活妍</span>
							 <span class="price">￥218.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="http://www.innisfree.com/itemView?pid=1">
							 <span class="no3">1</span>
							 <span class="rank">
							    <img src="./image/1000000721_l.png" alt=""/>
							 </span>
							 <span class="name1">招牌洁面-绿茶精萃保湿洁面膏</span>
							 <span class="price">￥55.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="http://www.innisfree.com/itemView?pid=37">
							 <span class="no4">1</span>
							 <span class="rank">
							    <img src="./image/1000010840_l.png" alt=""/>
							 </span>
							 <span class="name1">真果鲜肌果汁面膜套装[水润嘭嘭肌]24p</span>
							 <span class="price">￥230.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="http://www.innisfree.com/itemView?pid=33">
							 <span class="no5">1</span>
							 <span class="rank">
							    <img src="./image/1000010841_l.png" alt=""/>
							 </span>
							 <span class="name1">真果鲜肌果汁面膜套装[水亮嘟嘟肌]24p</span>
							 <span class="price">￥230.0</span>
						 </a>
					 </li>
				 </ul>
			 </div>
			 <!-- 列表二-->
			 <div class="topList">
			 <ul>
				 <li>
					 <a href="http://www.innisfree.com/itemView?pid=1">
						 <span class="no1">1</span>
							 <span class="rank">
							    <img src="./image/1000008920_l.png" alt=""/>
							 </span>
						 <span class="name1">绿茶精萃平衡保湿特别套装</span>
						 <span class="price">￥230.0</span>
					 </a>
				 </li>
				 <li>
					 <a href="http://www.innisfree.com/itemView?pid=2">
						 <span class="no2">1</span>
							 <span class="rank">
							    <img src="./image/1000008681_l.png" alt=""/>
							 </span>
						 <span class="name1">雪耳晶透新妍沁润面霜 60ml</span>
						 <span class="price">￥218.0</span>
					 </a>
				 </li>
				 <li>
					 <a href="http://www.innisfree.com/itemView?pid=3">
						 <span class="no3">1</span>
							 <span class="rank">
							    <img src="./image/1000008800_l.png" alt=""/>
							 </span>
						 <span class="name1">石榴活姸焕采水乳套装</span>
						 <span class="price">￥320.0</span>
					 </a>
				 </li>
				 <li>
					 <a href="http://www.innisfree.com/itemView?pid=4">
						 <span class="no4">1</span>
							 <span class="rank">
							    <img src="./image/1000004343_l.png" alt=""/>
							 </span>
						 <span class="name1">绿茶籽精萃水分菁露 80ml-小绿瓶</span>
						 <span class="price">￥210.0</span>
					 </a>
				 </li>
				 <li>
					 <a href="http://www.innisfree.com/itemView?pid=5">
						 <span class="no5">1</span>
							 <span class="rank">
							    <img src="./image/1000009140_l.png" alt=""/>
							 </span>
						 <span class="name1">美白提亮水乳套装</span>
						 <span class="price">￥280.0</span>
					 </a>
				 </li>
			 </ul>
		 </div>
			 <!-- 列表三-->
			 <div class="topList">
				 <ul>
					 <li>
						 <a href="http://www.innisfree.com/itemView?pid=6">
							 <span class="no1">1</span>
							 <span class="rank">
							    <img src="./image/1000006060_l.png" alt=""/>
							 </span>
							 <span class="name1">水光果冻面膜</span>
							 <span class="price">￥180.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="http://www.innisfree.com/itemView?pid=7">
							 <span class="no2">1</span>
							 <span class="rank">
							    <img src="./image/1000007760_l.png" alt=""/>
							 </span>
							 <span class="name1">【11月特惠 买4赠2】小身材大功效 迷你夜间修护 睡眠面膜
</span>
							 <span class="price">￥15.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="http://www.innisfree.com/itemView?pid=8">
							 <span class="no3">1</span>
							 <span class="rank">
							    <img src="./image/1000009444_l.png" alt=""/>
							 </span>
							 <span class="name1">济州岛火山岩泥毛孔控油清洁净溶温热面膜</span>
							 <span class="price">￥320.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="http://www.innisfree.com/itemView?pid=9">
							 <span class="no4">1</span>
							 <span class="rank">
							    <img src="./image/1000009561_l.png" alt=""/>
							 </span>
							 <span class="name1">姜油温肤面膜 80g</span>
							 <span class="price">￥80.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="http://www.innisfree.com/itemView?pid=10">
							 <span class="no5">1</span>
							 <span class="rank">
							    <img src="./image/1000009140_l.png" alt=""/>
							 </span>
							 <span class="name1">美白提亮水乳套装</span>
							 <span class="price">￥280.0</span>
						 </a>
					 </li>
				 </ul>
			 </div>
			 <!-- 列表四-->
			 <div class="topList">
				 <ul>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no1">1</span>
							 <span class="rank">
							    <img src="./image/1000000311_l.png" alt=""/>
							 </span>
							 <span class="name1">水光果冻面膜</span>
							 <span class="price">￥180.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no2">1</span>
							 <span class="rank">
							    <img src="./image/1000000316_l.png" alt=""/>
							 </span>
							 <span class="name1">【11月特惠 买4赠2】小身材大功效 迷你夜间修护 睡眠面膜</span>
							 <span class="price">￥15.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no3">1</span>
							 <span class="rank">
							    <img src="./image/1000000317_l.png" alt=""/>
							 </span>
							 <span class="name1">济州岛火山岩泥毛孔控油清洁净溶温热面膜</span>
							 <span class="price">￥320.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no4">1</span>
							 <span class="rank">
							    <img src="./image/1000000336_l.png" alt=""/>
							 </span>
							 <span class="name1">姜油温肤面膜 80g</span>
							 <span class="price">￥80.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no5">1</span>
							 <span class="rank">
							    <img src="./image/1000000362_l.png" alt=""/>
							 </span>
							 <span class="name1">美白提亮水乳套装</span>
							 <span class="price">￥280.0</span>
						 </a>
					 </li>
				 </ul>
			 </div>
			 <!-- 列表四-->
			 <div class="topList">
				 <ul>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no1">1</span>
							 <span class="rank">
							    <img src="./image/1000000404_l.png" alt=""/>
							 </span>
							 <span class="name1">水光果冻面膜</span>
							 <span class="price">￥180.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no2">1</span>
							 <span class="rank">
							    <img src="./image/1000000471_l.png" alt=""/>
							 </span>
							 <span class="name1">【11月特惠 买4赠2】小身材大功效 迷你夜间修护 睡眠面膜</span>
							 <span class="price">￥15.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no3">1</span>
							 <span class="rank">
							    <img src="./image/1000000475_l.png" alt=""/>
							 </span>
							 <span class="name1">济州岛火山岩泥毛孔控油清洁净溶温热面膜</span>
							 <span class="price">￥320.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no4">1</span>
							 <span class="rank">
							    <img src="./image/1000000723_l.png" alt=""/>
							 </span>
							 <span class="name1">姜油温肤面膜 80g</span>
							 <span class="price">￥80.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no5">1</span>
							 <span class="rank">
							    <img src="./image/1000000900_l.png" alt=""/>
							 </span>
							 <span class="name1">美白提亮水乳套装</span>
							 <span class="price">￥280.0</span>
						 </a>
					 </li>
				 </ul>
			 </div>
			 <!-- 列表五-->
			 <div class="topList">
				 <ul>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no1">1</span>
							 <span class="rank">
							    <img src="./image/1000001001_l.png" alt=""/>
							 </span>
							 <span class="name1">水光果冻面膜</span>
							 <span class="price">￥180.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no2">1</span>
							 <span class="rank">
							    <img src="./image/1000001005_l.png" alt=""/>
							 </span>
							 <span class="name1">【11月特惠 买4赠2】小身材大功效 迷你夜间修护 睡眠面膜</span>
							 <span class="price">￥15.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no3">1</span>
							 <span class="rank">
							    <img src="./image/1000001009_l.png" alt=""/>
							 </span>
							 <span class="name1">济州岛火山岩泥毛孔控油清洁净溶温热面膜</span>
							 <span class="price">￥320.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no4">1</span>
							 <span class="rank">
							    <img src="./image/1000001100_l.png" alt=""/>
							 </span>
							 <span class="name1">姜油温肤面膜 80g</span>
							 <span class="price">￥80.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no5">1</span>
							 <span class="rank">
							    <img src="./image/1000001160_l.png" alt=""/>
							 </span>
							 <span class="name1">美白提亮水乳套装</span>
							 <span class="price">￥280.0</span>
						 </a>
					 </li>
				 </ul>
			 </div>
			 <!-- 列表六-->
			 <div class="topList">
				 <ul>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no1">1</span>
							 <span class="rank">
							    <img src="./image/1000001180_l.png" alt=""/>
							 </span>
							 <span class="name1">水光果冻面膜</span>
							 <span class="price">￥180.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no2">1</span>
							 <span class="rank">
							    <img src="./image/1000001480_l.png" alt=""/>
							 </span>
							 <span class="name1">【11月特惠 买4赠2】小身材大功效 迷你夜间修护 睡眠面膜</span>
							 <span class="price">￥15.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no3">1</span>
							 <span class="rank">
							    <img src="./image/1000000900_l.png" alt=""/>
							 </span>
							 <span class="name1">济州岛火山岩泥毛孔控油清洁净溶温热面膜</span>
							 <span class="price">￥320.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no4">1</span>
							 <span class="rank">
							    <img src="./image/1000001100_l.png" alt=""/>
							 </span>
							 <span class="name1">姜油温肤面膜 80g</span>
							 <span class="price">￥80.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no5">1</span>
							 <span class="rank">
							    <img src="./image/1000003600_l.png" alt=""/>
							 </span>
							 <span class="name1">美白提亮水乳套装</span>
							 <span class="price">￥280.0</span>
						 </a>
					 </li>
				 </ul>
			 </div>
			 <!-- 列表七-->
			 <div class="topList">
				 <ul>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no1">1</span>
							 <span class="rank">
							    <img src="./image/1000008881_l.png" alt=""/>
							 </span>
							 <span class="name1">水光果冻面膜</span>
							 <span class="price">￥180.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no2">1</span>
							 <span class="rank">
							    <img src="./image/1000001920_l.png" alt=""/>
							 </span>
							 <span class="name1">【11月特惠 买4赠2】小身材大功效 迷你夜间修护 睡眠面膜</span>
							 <span class="price">￥15.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no3">1</span>
							 <span class="rank">
							    <img src="./image/1000008767_l.png" alt=""/>
							 </span>
							 <span class="name1">济州岛火山岩泥毛孔控油清洁净溶温热面膜</span>
							 <span class="price">￥320.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no4">1</span>
							 <span class="rank">
							    <img src="./image/1000009062_l.png" alt=""/>
							 </span>
							 <span class="name1">姜油温肤面膜 80g</span>
							 <span class="price">￥80.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no5">1</span>
							 <span class="rank">
							    <img src="./image/1000001681_l.png" alt=""/>
							 </span>
							 <span class="name1">美白提亮水乳套装</span>
							 <span class="price">￥280.0</span>
						 </a>
					 </li>
				 </ul>
			 </div>
			 <!-- 列表八-->
			 <div class="topList">
				 <ul>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no1">1</span>
							 <span class="rank">
							    <img src="./image/1000008621_l.png" alt=""/>
							 </span>
							 <span class="name1">水光果冻面膜</span>
							 <span class="price">￥180.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no2">1</span>
							 <span class="rank">
							    <img src="./image/1000009821_l.png" alt=""/>
							 </span>
							 <span class="name1">【11月特惠 买4赠2】小身材大功效 迷你夜间修护 睡眠面膜</span>
							 <span class="price">￥15.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no3">1</span>
							 <span class="rank">
							    <img src="./image/1000010140_l.png" alt=""/>
							 </span>
							 <span class="name1">济州岛火山岩泥毛孔控油清洁净溶温热面膜</span>
							 <span class="price">￥320.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no4">1</span>
							 <span class="rank">
							    <img src="./image/1000007627_l.png" alt=""/>
							 </span>
							 <span class="name1">姜油温肤面膜 80g</span>
							 <span class="price">￥80.0</span>
						 </a>
					 </li>
					 <li>
						 <a href="Innisfree-product.html">
							 <span class="no5">1</span>
							 <span class="rank">
							    <img src="./image/1000007762_l.png" alt=""/>
							 </span>
							 <span class="name1">美白提亮水乳套装</span>
							 <span class="price">￥280.0</span>
						 </a>
					 </li>
				 </ul>
			 </div>
		 </div>
		<!--关于悦诗风吟-->
		<div class="quickLink">
            <div class="item item1">
				<a href="#">
					<img src="./image/title_mainQuick1.gif" alt=""/>
					<img src="./image/desc_mainQuick1.gif" alt=""/>
				</a>
			</div>
			<div class="item item2">
				<a href="#">
					<img src="./image/title_mainQuick2.gif" alt=""/>
					<img src="./image/desc_mainQuick2.gif" alt=""/>
				</a>
			</div>
			<div class="item item3">
				<a href="#">
					<img src="./image/title_mainQuick3.gif" alt=""/>
					<img src="./image/desc_mainQuick3.gif" alt=""/>
				</a>
			</div>
			<div class="item item4">
				<div class="inEmail">
					<img src="./image/title_mainQuick4.gif" alt=""/>
					<img src="./image/desc_mainQuick4.gif" alt=""/>
				</div>
				<div class="inputEmail">
					<input type="text" placeholder="邮箱"/>
				</div>
				<a href="#">
					<input type="image" src="./image/btn_subscribe.gif" style="margin-top: -12px"/>
				</a>
			</div>
		</div>
		<!--右侧边栏-->
		<div class="rightSide notchangerig">
			<a href="#">
				<img src="./image/ico_renewal01.jpg" alt=""/>
			</a>
			<ul class="type1">
				<li class="links">
					<a href="#">
						<img src="./image/ico_renewal09_170717.jpg" alt=""/>
					</a>
					<a href="none" class="shopNum">0</a>
				</li>
				<li class="links">
					<a href="#">
						<img src="./image/ico_renewal02_170717.jpg" alt=""/>
					</a>
				</li>
				<li class="links">
					<a href="#">
						<img src="./image/ico_renewal03_170717.jpg" alt=""/>
					</a>
				</li>
			</ul>
			<div class="recent">
				<a href="#">
					<img src="./image/1000010822_s.png" alt=""/>
				</a>
				<button type="button" class="last"></button>
				<button type="button" class="next"></button>
			</div>
			<div>
				<img src="./image/ico_renewal05.jpg" alt=""/>
			</div>
			<ul>
				<li>
					<a href="#">
						<img src="./image/ico_renewal06.jpg" alt=""/>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="./image/ico_renewal07.jpg" alt=""/>
					</a>
				</li>
			</ul>
			<a href="#" class="top">
				<img src="./image/ico_renewal08.jpg" alt=""/>
			</a>
		</div>
		<!--左侧边栏-->
		<div class="leftSide notchangeleft">
			<img src="./image/qrcode_renewal1.jpg" alt="" style="margin-bottom: 10px"/>
			<img src="./image/qrcode_renewal2.jpg" alt=""/>
		</div>
	</div>
	 <!--footer-->
	 <div id="footer">
        <div class="on">
           <div class="menuCate">
			   <!--第一行-->
			   <div class="menuList">
				   <a href="#">
					   <img src="./image/txt_footerCategory1.png" alt=""/>
				   </a>
				   <ul class="subCate">
					   <li>
						   <a href="Innisfree-product.html">基础护理</a>
					   </li>
					   <li>
						   <a href="Innisfree-product.html">面膜</a>
					   </li>
					   <li>
						   <a href="Innisfree-product.html">洁面与卸妆</a>
					   </li>
					   <li>
						   <a href="Innisfree-product.html">防晒</a>
					   </li>
					   <li>
						   <a href="Innisfree-product.html">面部底妆</a>
					   </li>
					   <li>
						   <a href="Innisfree-product.html">彩妆</a>
					   </li>
					   <li>
						   <a href="Innisfree-product.html">指甲油</a>
					   </li>
					   <li>
						   <a href="Innisfree-product.html">身体护理</a>
					   </li>
					   <li>
						   <a href="Innisfree-product.html">男士系列</a>
					   </li>
					   <li>
						   <a href="Innisfree-product.html">优惠套装</a>
					   </li>
					   <li>
						   <a href="Innisfree-product.html">美容工具</a>
					   </li>
					   <li>
						   <a href="Innisfree-product.html">新商品</a>
					   </li>
					   <li>
						   <a href="Innisfree-product.html">Inni 产品地图</a>
					   </li>
					   <li>
						   <a href="Innisfree-product.html">限时活动</a>
					   </li>
					   <li>
						   <a href="Innisfree-product.html">小清新热荐</a>
					   </li>
				   </ul>
			   </div>
			   <!--第二行-->
			   <div class="menuList">
				   <a href="#">
					   <img src="./image/txt_footerCategory2.png" alt=""/>
				   </a>
				   <ul class="subCate" style="padding-bottom: 30px;">
					   <li>
						   <a href="#">正在进行的活动</a>
					   </li>
					   <li>
						   <a href="#">过去进行的活动</a>
					   </li>
					   <li>
						   <a href="#">美丽体验</a>
					   </li>
					   <li>
						   <a href="#">活动中奖者名单</a>
					   </li>
				   </ul>
				   <a href="#">
					   <img src="./image/txt_footerCategory3.png" alt=""/>
				   </a>
				   <ul class="subCate">
					   <li>
						   <a href="Innisfree-login.html">登录</a>
					   </li>
					   <li>
						   <a href="#">加入会员</a>
					   </li>
					   <li>
						   <a href="#">购物车</a>
					   </li>
					   <li>
						   <a href="#">我的主页</a>
					   </li>
					   <li>
						   <a href="#">客服中心</a>
					   </li>
					   <li>
						   <a href="#">专卖店导航</a>
					   </li>
				   </ul>
			   </div>
			   <!--第三行-->
			   <div class="menuList">
				   <a href="#">
					   <img src="./image/txt_footerCategory4.png" alt=""/>
				   </a>
				   <ul class="subCate" style="padding-bottom: 30px;">
					   <li>
						   <a href="#">分享小清新</a>
					   </li>
					   <li>
						   <a href="#">绿茶农场游戏</a>
					   </li>
					   <li>
						   <a href="#">inni社交圈</a>
					   </li>
					   <li>
						   <a href="#">inni粉积分榜</a>
					   </li>
				   </ul>
				   <a href="#">
					   <img src="./image/txt_footerCategory5.png" alt=""/>
				   </a>
				   <ul class="subCate">
					   <li>
						   <a href="#">公告板</a>
					   </li>
					   <li>
						   <a href="#">使用说明</a>
					   </li>
					   <li>
						   <a href="#">会员服务</a>
					   </li>
					   <li>
						   <a href="#">1:1在线咨询</a>
					   </li>
					   <li>
						   <a href="#">Q&A 留言板</a>
					   </li>
					   <li>
						   <a href="#">FAQ</a>
					   </li>
				   </ul>
			   </div>
			   <!--第四行-->
			   <div class="menuList">
				   <a href="#">
					   <img src="./image/txt_footerCategory6.png" alt=""/>
				   </a>
				   <ul class="subCate" style="padding-bottom: 30px;">
					   <li>
						   <a href="#">品牌介绍</a>
					   </li>
					   <li>
						   <a href="#">社会贡献</a>
					   </li>
					   <li>
						   <a href="#">广告视频</a>
					   </li>
				   </ul>
				   <a href="#">
					   <img src="./image/txt_footerCategory7.png" alt=""/>
				   </a>
				   <ul class="subCate">
					   <li>
						   <a href="#">济州之家介绍</a>
					   </li>
					   <li>
						   <a href="#">济州治愈音乐</a>
					   </li>
				   </ul>
			   </div>
		   </div>
			<!--咨询-->
            <div class="info">
				<img src="./image/txt_footerCategory8.png" alt=""/>
				<dl>
					<dt>小清新（售前）周一到周日</dt>
					<dd>9:00~24:00</dd>
					<dt style="padding-top: 10px;">官网客服热线:</dt>
					<dd>021-61255625 (9:00~24:00)</dd>
					<dt>产品咨询热线:</dt>
					<dd>400-920-9238</dd>
					<dd>800-820-3596</dd>
					<dd>周一至周日 09:00-21:00</dd>
					<dd>(不含国定假日)</dd>
				</dl>
			</div>
			<div class="vigilant">
               <span>★</span>
				近期有不法分子冒用品牌官网客服名义电话联系消费者进行诈骗，
				<br/>
				innisfree官网提醒广大小清新们，关注我们的官方网站上面的电话，
				<br/>
				除此之外的所有电话联系均非品牌客服行为，请小清新们注意辨别，
				<br/>
				提高警惕!
			</div>
			<!--logo-->
			<div class="logoLeft"></div>
			<div class="logoRight">
				<a href="#">
					<img src="./image/ico_footerMark11.png" alt=""/>
				</a>
				<a href="#">
					<img src="./image/ico_footerMark2.png" alt=""/>
				</a>
				<a href="#">
					<img src="./image/ico_footerMark3.png" alt=""/>
				</a>
				<a href="#">
					<img src="./image/ico_footerMark1.png" alt=""/>
					<span style="vertical-align: bottom;font-weight: bold;">沪公网安备 31010602000985号</span>
				</a>
			</div>
		</div>
	 </div>
 </div>
     <script src="js/jquery-3.2.1.min.js"></script>
  <script src="js/header.js"></script>
  <script src="js/cookie.js"></script>
 </body>
</html>
